<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>折线图</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/ichart.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="js/ichart/ichart-1.0.min.js"></script>
	<script type="text/javascript">
		$(function(){
			var chart = new iChart.LineBasic2D({
				render : 'canvasDiv',
				data : <%=request.getAttribute("data")%>,
				title : '<%=request.getAttribute("title")%>',
				width : 900,
				height : 400,
				coordinate : {width:'90%',height:'80%',background_color:'#f6f9fa'},
				sub_option : {
					hollow_inside:false,//设置一个点的亮色在外环的效果
					point_size:16
				},
				labels : <%=request.getAttribute("xstr")%>
			});
			chart.draw();
		});
	</script>
  </head>
  
  <body>
    <div id='canvasDiv' class="page"></div>
  </body>
</html>
